<template>
  <ElPagination
    layout="prev, pager, next,jumper,total,sizes"
    :total="page.total"
    background
    size="large"
    v-model:page-size="page.pageSize"
    v-model:current-page="page.pageNum"
    :page-sizes="[3,5,10,20]"
    
 
    @change="query"
  >
  </ElPagination>
</template>

<script setup>
import { ElPagination } from 'element-plus';


const props=defineProps(['page'])

const emit=defineEmits(['change'])

const query=() => {
  emit('change',props.page)
}
</script>

<style scoped></style>
